<header>
  <div class="logo" style="margin-top:15px;">
    <div class="logo_l f_l"><a href="/"><img src="/static/images/log.png"></a></div>
    <div class="logo_r f_r"><div class="search">
      <form action="/getArticleByTitle/" method="post" name="searchform" id="searchform">{% csrf_token %}
        <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
        <input name="show" value="title" type="hidden">
        <input name="tempid" value="1" type="hidden">
        <input name="tbname" value="news" type="hidden">
        <input name="Submit" class="input_submit" value="搜索" type="submit">
      </form>
    </div></div>
  </div>
  <nav id="topnav">
    <ul>
      <a href="/" target="_blank">首页</a>
      {% for category in categorys %}
      <a href="/getArticleListBycategory/{{category.id}}" target="_blank">{{category.categoryName}}</a>
      {% endfor %}
      <a href="c.html" target="_blank">关于</a>
    </ul>
    <script src="/static/js/silder.js"></script>
  </nav>
</header>